<template>

  <el-select v-model="sync_value" :disabled="disabled" placeholder="请选择角色" filterable clearable>
    <el-option v-for="item in list" :key="item.roleId" :label="item.roleName" :value="item.roleId" />
  </el-select>

</template>

<script>
import propsync from '@/mixins/propsync'
export default {
  name: 'SelectRole',
  mixins: [propsync],
  props: {
    value: {
      default: '',
      isSync: true
    },
    disabled: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      list: [
        { roleId: 1, roleName: '超级管理员' },
        { roleId: 2, roleName: '代购' },
        { roleId: 3, roleName: '代购助理' },
        { roleId: 4, roleName: '代理' },
        { roleId: 5, roleName: '顾客' },
        { roleId: 6, roleName: '二级代理' },
        { roleId: 7, roleName: '二级代理顾客' }
      ]
    }
  }
}
</script>

<style scoped>

</style>
